<template>
	<span-item v-for="item in spanItemList"
						:key="item"
						:class="'bg-'+item.bg"
						:spanTitle="item.title"
						:spanImage="item.image"
						:routerPath="item.routerPath" />
</template>
<script>
import SpanItem from '@/components/SpanItem.vue'
export default {
	components: { SpanItem },
	name: 'KuCun',
	data () {
		return {
			spanItemList: [
				{ title: "当前库存", image: require("../assets/当前库存.png"), bg: "dqkc",routerPath:"/Kucun/DangqianKucun" },
				{ title: "库存调整", image: require("../assets/库存调整.png"), bg: "kctz",routerPath:"/Kucun/KucunTiaozheng" }
			]
		}
	}
}
</script>
<style scoped>
.bg-dqkc {
  background: linear-gradient(0deg, rgb(61, 80, 204) 0%, rgb(50, 157, 219) 53.47%, rgb(38, 255, 241) 100%);
}
.bg-kctz {
  background: linear-gradient(0deg, rgb(255, 88, 88) 0%, rgb(240, 152, 25) 100%);
}
</style>